<div class="content">
    <div class="content-header">
        <div class="breadcrumb">
            <el-breadcrumb separator="/">
                <el-breadcrumb-item :to="{path:'/dashboard'}">Home</el-breadcrumb-item>
                <el-breadcrumb-item>系统帮助</el-breadcrumb-item>
            </el-breadcrumb>
        </div>
        <div class="title"><i class="iconfont icon-tips"></i> 系统帮助</div>
    </div>
    <div class="content-body">
        <el-card style="width: 300px" class="text-center">
            <img src="/public/app/img/logo.png" style="width: 100px;height: 100px">
            <h3 class="no-margin">Bee Scheduler v1.0-Beta.9</h3>
        </el-card>
        <div class="spr"></div>
        <h3 class="no-margin">1、任务执行状态</h3>
        <div class="hr"></div>
        <ul>
            <li><b>SUCCESS：</b>任务执行成功。</li>
            <li><b>FAIL：</b>任务执行失败。</li>
            <li><b>VETOED：</b>任务被取消执行（如：任务被触发后，检测到该任务当前正在被执行，这种情况下会取消本次执行）。</li>
        </ul>

        <div class="spr"></div>
        <h3 class="no-margin">2、任务触发方式</h3>
        <div class="hr"></div>
        <ul>
            <li><b>SCHEDULE：</b>由该任务配置的调度器触发。</li>
            <li><b>MANUAL：</b>用户手动触发。</li>
            <li><b>TMP：</b>用户通过新建临时任务触发。</li>
            <li><b>LINKAGE：</b>由其他任务联动触发。</li>
        </ul>

        <div class="spr"></div>
        <h3 class="no-margin">3、调度方式</h3>
        <div class="hr"></div>
        <ul>
            <li><b>SimpleTrigger：</b>指定从某一个时间开始，以一定的时间间隔（单位是毫秒）执行任务。</li>
            <li><b>CalendarIntervalTrigger：</b>类似于SimpleTrigger，指定从某一个时间开始，以一定的时间间隔执行的任务。 但是不同的是SimpleTrigger指定的时间间隔为毫秒，没办法指定每隔一个月执行一次（每月的时间间隔不是固定值），而CalendarIntervalTrigger支持的间隔单位有<b>秒，分钟，小时，天，星期，月，年</b>。</li>
            <li><b>DailyTimeIntervalTrigger：</b>指定每天的某个时间段内，以一定的时间间隔执行任务。并且它可以支持指定星期。它适合的任务类似于：指定每天9:00 至 18:00 ，每隔70秒执行一次，并且只要周一至周五执行。</li>
            <li><b>CronTrigger：</b>适合于更复杂的任务，它支持通过<b>Cron</b>语法来制定执行计划。</li>
        </ul>
        <el-alert :closable="false" type="warning" show-icon title="注意：系统限制任务执行频率不能高于3000ms/次，任务到达触发时间点时，系统会检测该任务上次执行时间，如果距上次执行间隔不到3000ms，该任务本次执行将被取消，并记录相应日志"></el-alert>

        <div class="spr"></div>
        <h3 class="no-margin">4、Cron表达式</h3>
        <div class="hr"></div>
        <p>格式：秒 分 时 日 月 周 年（年可以省略）</p>

        <div class="spr"></div>
        <h3 class="no-margin">5、联动任务配置</h3>
        <div class="hr"></div>
        <div>联动任务表示主任务执行完成后，自动触发其他任务的机制，配置采用JSON格式，示例如下：</div>
        <pre class="bg-dark-white font-code">

    [
        {task:'group.name',delay:5000,next:[
                {task:'group.name',delay:5000,next:[]},
                {task:'group.name',delay:5000,next:[]}
            ]
        },
        {...},
        {...}
    ]
    //task：需要联动触发的任务
    //delay：延迟多久触发，单位是毫秒，可选参数
    //next：下一级联动任务（如a执行完成后，触发b，b执行完成后，触发c），可选参数
        </pre>
        <div>当然，以上是完整的配置示例，大部分场景中，如果不需要配置delay和next，可以使用以下简化的配置：</div>
        <pre class="bg-dark-white font-code">

    ["Hello.world1","Hello.world2"]
    //表示主任务执行完成后，立即触发Hello.world1和Hello.world2
        </pre>
        <pre class="bg-dark-white font-code">

    ["Hello.world1",{task:'Hello.world2',delay:5000}]
    //表示主任务执行完成后，立即触发Hello.world1，并在5秒后触发Hello.world2
        </pre>
        <el-alert title="注意：目前并没有对联动任务配置的合理性做严格检查，配置不当可能会造成环形联动（如：a -> b -> c -> a ...），请谨慎配置！" :closable="false" type="warning" show-icon></el-alert>
        <!--<el-collapse v-model="title" accordion>
            <el-collapse-item title="执行临时任务" name="ExecTmpTask">
                待完善...
            </el-collapse-item>
            <el-collapse-item title="创建任务" name="CreateTask">

            </el-collapse-item>
            <el-collapse-item title="待完善" name="3">
                待完善...
            </el-collapse-item>
            <el-collapse-item title="待完善" name="4">
                待完善...
            </el-collapse-item>
        </el-collapse>-->
    </div>
</div>